/*
 * Copyright © 2017-2018 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/_variables.scss';
@import '~styles/colors.scss';

$cdap_body_min_width:   700px;
// new variables for use in themes
$cdap-white:            rgb(255, 255, 255); // #fff, white
$cdap-white-light:      rgba(255, 255, 255, 0.3);
$cdap-darkness:         rgb(102, 110, 130); // #666e82
// until today we were defining the same name twice with different colors.
// rgray represents regular gray and its not even gray. Its bluegray from above :sigh:
// We should remove all these colors soon and use the ones from style guide
$cdap-lightgray:        rgb(102, 110, 131); // #666e83

// overrides from default bootstrap
$brand-primary:         rgb(90, 132, 228);  // #5a84e4
$brand-success:         rgb(74, 182, 60);   // #4ab63c
$brand-info:            rgb(102, 110, 131); // #666e83
$brand-warning:         rgb(244, 180, 0);   // #f4b400
$brand-danger:          rgb(209, 86, 104);  // #d15668

$primary: $brand-primary;
$success: $brand-success;
$info: $brand-info;
$warning: $brand-warning;
$danger: $brand-danger;
$secondary: white;

$theme-colors: map-merge(
  (
    "primary":    $primary,
    "secondary":  $secondary,
    "success":    $success,
    "info":       $info,
    "warning":    $warning,
    "danger":     $danger,
    "light":      $light,
    "dark":       $dark
  ),
  ()
);

// ALERT
$alert-info-bg:         $brand-primary;     // #5a84e4
$alert-danger-bg:       rgb(250, 67, 71);   // #FA4347
$alert-success-bg:      $brand-success;     // #4ab63c
$alert-warning-bg:      rgb(255, 234, 0);     // #ffea00

// TOOLTIPS
$tooltip-color:         $grey-01;             // #333

// MODALS/WIZARDS
$modal-header-color: rgba(70, 74, 87, 1); // #464a57


// Popovers
$popover-arrow-outer-color: rgb(255, 255, 255); // #fff, white


// TYPOGRAPHY
$font-size-root:            13px;
$headings-font-weight:      400;

// EXTENSIONS
$navbar-bg: rgba(51, 51, 51, 1);

$artifact-entity-header-bg: #6399AB;
$application-entity-header-bg: #2c3e50;
$datapipeline-entity-header-bg: #098cf9;
$dataset-entity-header-bg: #5DAFDB;
$success-message-bg: rgb(126, 211, 33);

$program-entity-header-bg: rgba(41, 177, 159,1);
$height-of-header: 48px;
$height-of-footer: 53px;

// EntityListView variables
$overview-width: 626px;

$brand-primary-color: #3b78e7;
$brand-primary-color-lighter: transparentize($brand-primary-color, $amount: 0.5);

$welcome_banner_image: url('/cdap_assets/img/nux/welcome-header-background.png');
